import { Steps } from 'antd';
import React, { useState } from 'react';
import '../../assets/css/questions/details.css'
function Details(props:any){
  console.log(props);
  const [current, setCurrent] = useState(1);

  const onChange = (value: any) => {
    console.log('onChange:', value);
    setCurrent(value);
  };

  return(
    <div>
      <div className="details">
        详情
      </div>
      <div className="center">
        <div className="centerTop">
          <div>提交人：{props.getOpen.username}</div>
          <div>维修地址：{props.getOpen.address}</div>
          <div>手机号：{props.getOpen.tel}</div>
        </div>
        <div className="centerBottom">
          <div className='li'>问题类型：<p>{props.getOpen.typename}</p></div>
          <div className="lis">问题描述：{props.getOpen.content}</div>
        </div>
      </div>
      <div className="bottom">
        <Steps
          type="navigation"
          current={current}
          onChange={onChange}
          className="site-navigation-steps"
          items={[
            {
              status: 'finish',
              title: '等待处理',
            },
            {
              status: 'process',
              title: '正在处理',
            },
            {
              status: 'wait',
              title: '处理完成',
            },
            {
              status: 'wait',
              title: '已评价',
            },
          ]}
        />
      </div>
    </div>
  )
}
export default Details